
<template>
    <div class="im">
        <svg  :style="setPx(style)">
            <polygon :points="points" draggable="false"  stroke="#ccc" fill="#fff" />
        </svg>
    </div>
</template>
<script setup lang="ts">
// 50,0 100,100 0,100
import { defineProps,ref } from 'vue'
import setPx from '../../../utils/setPx'
const { style} = defineProps(['style'])
const points=ref('')
points.value+=style.width/2+','+0+' '
points.value+=0+','+style.height+' '
points.value+=style.width+','+style.height

</script>
<style scoped>
svg{
    position: absolute;
}
.im{
  font-size: 16px;
}
</style>
